<template>
  <!-- 待 -->
  <div class="h-con cloudchart" style="margin-top: 10px">
    <div class="hd">
        <!-- <span class="mh-login" id=""><a href="http://summary.jrj.com.cn/dpyt/" style="color: #003399">更多</a></span> -->
        <!-- <span class="mh-title" id=""><a href="http://summary.jrj.com.cn/dpyt/">大盘云图</a></span> -->
      <strong>大盘云图</strong>
      <el-button style="float: right; padding: 9px 3px" type="text">登录更精彩</el-button>
    </div>
    <!-- <div class="bd" style="width:278px;height:190px;"> -->
    <!-- <div class="bd"></div>
        <a href="http://summary.jrj.com.cn/dpyt/" target="_blank" id="treemap-small" style="display: inline-block; width: 278px; height: 190px;"><canvas width="278" height="190" class="chart"></canvas></a>
    </div> -->
  </div>
</template>
<script>
export default {
  data() {
    return {}
  }
}
</script>

<style>
.cloudchart {
  margin: 0;
  background-color: #fff;
  border: solid 1px #fff;
  border-top: solid 2px #c01639;
  box-shadow: 1px 0px 5px #e2d9d9;
}
.cloudchart .hd{
  background-color: #f5f5f5;
}
.cloudchart .hd,strong.a {
    height: 35px;
    line-height: 35px;
    display: block;
    padding: 0 20px;
    border-bottom: 0;
}
</style>

